<head>
<title>Highcharts Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript">  
$(document).ready(function () {
        {% autoescape off %}
        var charts = jQuery.parseJSON('{{ hicharts }}');
        {% endautoescape %} 
        $('#container').highcharts(charts)
    });
    </script>
<head>

<body>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>
